<template>
  <v-card>
    <v-card-title class="text-center justify-center py-6">
      <h1 class="font-weight-regular">
        学术排行榜单
      </h1>
    </v-card-title>
    <v-card-subtitle class="text-center justify-center">
      <h2 class="font-weight-regular">权威、及时的评价数据参考</h2>
    </v-card-subtitle>
    <v-tabs
        fixed-tabs
    >
      <v-tab>会议排名</v-tab>
      <v-tab>学者排名</v-tab>
      <v-tab>机构排名</v-tab>

      <v-tab-item><ConferenceRank></ConferenceRank></v-tab-item>
      <v-tab-item><ScholarRank></ScholarRank></v-tab-item>
      <v-tab-item><InstitutionRank></InstitutionRank></v-tab-item>
    </v-tabs>
  </v-card>
</template>

<script>
import ConferenceRank from "./ConferenceRank";
import ScholarRank from "./ScholarRank";
import InstitutionRank from "./InstitutionRank";
export default {
  name: "Rank",
  components: {InstitutionRank, ScholarRank, ConferenceRank},
  methods: {
    getColor (calories) {
      if (calories > 400) return 'red'
      else if (calories > 200) return 'orange'
      else return 'green'
    },
  },
}
</script>

<style lang="scss">

</style>